{% extends "layout.html" %}
{% block myhead %}
<title>Graph</title>
{%endblock%}
{% block mytitle %}
Graph
{% endblock %}
{% block mybody %}
<div>
    <h2 class="unselectable">Graph Page</h2>
    <form action="{{url_for('graph_page')}}" method="post">
        <select name="buff_id" class="mdui-select" mdui-select="{position: 'bottom'}">
            {% for skin in skins %}
            <option value="{{skin[1]}}">{{skin[0]}}</option>
            {% endfor %}
        </select>
        Time: from
        <select name="date1" class="mdui-select" mdui-select="{position: 'bottom'}">
            {% for date in dates %}
            <option value="{{date[0]}}">{{date[0]}}</option>
            {% endfor %}
        </select>
        to
        <select name="date2" class="mdui-select" mdui-select="{position: 'bottom'}">
            {% for date in dates %}
            <option value="{{date[0]}}">{{date[0]}}</option>
            {% endfor %}
        </select>
        <input class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent" type="submit" value="Query!"/>
        <a href="{{url_for('clear_graph')}}" class="mdui-btn mdui-btn-raised mdui-ripple right">Clear!</a>
    </form>
    <br>
    {% block graph %}
    {% endblock %}
</div>
{% endblock %}
